<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- easyui样式 -->
<link href="themes/bootstrap/easyui.css" rel="stylesheet">
<link href="themes/icon.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="bootstrap/js/jquery-1.9.1.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- 自定义样式 -->
<script type="text/javascript" src="js/room.js"></script>
</head>
<body>
	<div>
		<input id="keyval" type="text" name="key" placeholder="输入房间号">
		<button class="btn btn-info" id="search">点击查询</button>
		<button class="btn btn-info" id="allroom">所有房间</button>
		<button class="btn btn-info" id="delete">删除物品</button>
		<button class="btn btn-info" id="update">修改物品</button>
		<button class="btn btn-info" id="add">添加物品</button>
		<button class="btn btn-info" id="short">查看器材缺口</button>
	</div>
	<!-- 显示房间信息 -->
	<div id="aaaa">
		<table class="table table-bordered" style="width: 100%; table-layout: fixed">
			<tr>
				<td></td>
				<td class="active">编号</td>
				<td class="success">门牌号</td>
				<td class="warning">设备</td>
				<td class="danger">数量</td>
				<td class="info">状态</td>
				<td class="active" style="display: none;">确认人</td>
			</tr>
			<c:forEach items="${rooms}" var="i">
				<tr>
					<td style="overflow: hidden; white-space: nowrap"><input type="checkbox" name="vv" value="${i.rId}"></td>
					<td style="overflow: hidden; white-space: nowrap">${i.rId }</td>
					<td style="overflow: hidden; white-space: nowrap">${i.rName }</td>
					<td style="overflow: hidden; white-space: nowrap">${i.eName }</td>
					<td style="overflow: hidden; white-space: nowrap">${i.count }</td>
					<td style="overflow: hidden; white-space: nowrap">${i.state }</td>
					<td style="display: none;overflow: hidden; white-space: nowrap">${i.elId }</td>
					<td style="display: none;overflow: hidden; white-space: nowrap">${i.eId}</td>
				</tr>
			</c:forEach>
		</table>
	</div>
	<div style="margin-left: 33%" id="page">
		<nav>
		<ul class="pagination">${page}</ul>
		</nav>
	</div>
	<!-- 修改窗口 -->
	<form action="updateroom" method="post" style="display: none"
		id="updateform">
		房间编号：<input type="text" name="rId" id="1" readonly="readonly">
		房间门牌：<input type="text" name="rName" id="2" readonly="readonly">
		器材编号：<input type="text" name="eId" id="3" readonly="readonly">
		<div style="display: block;"></div>
		器材名称：<input type="text" name="eName" id="4" readonly="readonly">
		器材数量：<input type="text" name="count" id="5"> 器材状态：<input
			type="text" name="state" id="6">
		<button id="save" type="button" class="btn btn-warning">保存</button>
	</form>
	<!-- 添加窗口 -->
	<form method="post" style="display: none" id="addform">
		房间编号：<input type="text" name="rId" id="a1" disabled="disabled"
			placeholder="不用填写手动修改"> 房间门牌：<input type="text" name="rName"
			id="a3"> 器材编号：<input type="text" name="eId" id="a2"
			disabled="disabled" placeholder="不用填写手动修改">
		<div style="display: block;"></div>
		器材名称：<input type="text" name="eName" id="a4" placeholder="填写器材全名">
		器材数量：<input type="text" name="count" id="a5" placeholder="填写数字"> 器材状态：<input
			type="text" name="state" id="a6">
		<button id="addsave" type="button" class="btn btn-warning">添加</button>
		<button id="close" type="button" class="btn btn-success">关闭</button>
	</form>
	<!-- 显示器材信息-->
	<div id="table1" style="display: none;">
		<button id="cdiaplay" type="button" class="btn btn-success">关闭</button>
		<p style="display: inline;">库存充足则不显示</p>
		<table class="table table-bordered" id="sss">
			<tr>
			    <td></td>
				<td class="success">编号</td>
				<td class="warning">名称</td>
				<td class="info">数量</td>
			</tr>
		</table>
	</div>
		<div id="addnum" style="display: none;">
	<form action="addnumaction" method="post" id="addnumform">
	编号<input id="eid" readonly="readonly" name="eid">
	数量<input id="sum" name="sum">
	</form>
	<button type="button" class="btn btn-info" id="savesum">保存</button>
	<button type="button" class="btn btn-info" id="cancle">取消</button>
	</div>
</body>
</html>